import { useState } from 'react';
import { Button, Switch } from 'antd';
import LotteryCanvas from '@renderer/components/LotteryCanvas';
import bg from '../../assets/bg1.jpg';

import styles from './style.module.less';

const Home = () => {
  const [isAuto, setIsAuto] = useState(false);

  return (
    <div className={styles.main}>
      <img src={bg} alt="" />
      <div className={styles.mask}></div>
      <LotteryCanvas />
      <div className={styles.wrap}>
        <div className={styles.header}>
          <span style={{ marginRight: '12px'}}>自动停止</span>
          <Switch value={isAuto} onChange={val => setIsAuto(val)} />
        </div>
        <div className={styles.content}></div>
        <div className={styles.btnGroup}>
          <Button type="primary">测试</Button>
          <Button>停止</Button>
        </div>
      </div>
    </div>
  )
}

export default Home;
